/* CSS Document */
body{
	margin-left:0px;
	margin-top:0px;
	
	font-family:"Times New Roman", Times, serif;
	background:url(Resources/background.jpg) top center scroll;
}
/*--------------------HEADER-------------------------*/
table.header{
    width: 1000px;
    border:#333 double;
    padding: 0px;
}
#header-logo{
    background:url(Resources/header.jpg);
}
#header-login{
    width: 270px;
    /*background: url(Resources/header2.jpg)*/
}
/*--------------------BODY-------------------------*/
table.body{
    width: 1000px;
    border-spacing: 0;
    border-collapse: collapse;
}
/*--------------------TOPBAR-------------------------*/
#topbar{
	/*background:url(Resources/header2.jpg);*/
        background: black;
	height:38px;
}
#topbar ul{
	list-style:none;
        margin: 0px;
        padding: 0px;
}
#topbar ul li{
	position:relative;
	float:left;
        width:180px;
        background:url(Resources/topbar-button.jpg) no-repeat;
	text-align:center;
}
#topbar li a{
	text-decoration:none;
	color:#FFFFFF;
	padding-top: 6px;
        padding-bottom: 6px;
	font-size: 18px;
	display: block;
}
#topbar ul li a:hover{
	color:#FFFF00;
}
/*--------------------SEARCHBAR-------------------------*/
#search-bar{
    background:black;
    height: 35px;
    color: white;
}
#search-icon{
    background:url(Resources/search-icon.jpg);
    height: 25px;
    width: 25px;
}
/*--------------------CART-------------------------*/
#cart-bar{
    background:black;
    color: white;
}
#cartlist-icon{
    background: url(Resources/cart-icon.jpg);
    height: 25px;
    width: 25px;
}
/*--------------------SIDE-NAV-------------------------*/
#nav-container
{
    vertical-align: top;
    background: white;
}
#nav-title{
    background:green;
    color:white;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}
#nav-content ul{
    list-style:none;
    margin: 0px;
    padding:0px;
}
#nav-content ul li {
    position:relative;
    width:220px;
}
#nav-content li a{
    text-decoration:none;
    color:black;
    padding-left: 30px;
    font-size: 16px;
    display: block;
}
#nav-content ul li a:hover{
    color:blue;
}

#item-container-title{
    background:green;
    color:white;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: 785px;
}
#content-container{
    background: white;
}
#item-container {
    height: 140px;
}
#item-container td {
    width:auto;
    text-align:center;
}
.register-table{text-align:left;}
.register-title{background-color: green;
                color: white; 
               font-weight: bold; 
               font-size: 15px;
}
.agree{ color: brown; 
       font-weight: bold;}
.register-header{color:brown;
                font-weight: bold;}
.re-normaltext{text-align: right;}
.re-input{text-align: left;
          
         width: 200px;}

.confirmBox{
    border: solid 1px green;
    width: 200px;
    height: auto;
    background-color: white;
    text-align: center;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    
}
#refesh{
    background: url("Resources/refesh.jpg") 0 0;
    width:30px;
    height: 30px;
    
}